JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
your id is : <span data-bind='text: id' ></span>
    <ul data-bind="foreach : mails">
       <li data-bind="text:from"></li></ul>

JavaScript

var viewModel = {};

var data = {
    "id": "Inbox",
    "mails": [
        {
        "id": "1",
        "from": "Abbot ",
        "to": "[email protected]",
        "date": "May 25, 2011",
        "subject": "Booking confirmation #389629244",
        "folder": "Inbox"}
    ]
};
viewModel = ko.mapping.fromJS(data);
console.log(viewModel.mails());
ko.applyBindings(viewModel);