JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<table class="table table-striped">
        <tbody data-bind="foreach: $data">
            <tr>
                
                <td data-bind="text: id"></td>
            </tr>
        </tbody>
    </table>

JavaScript

var data =  [{
    "id": "537901a53513fa3374bec718",
    "images": [],
    "itemImage": "imago/3.jpg",
    "createdDate": "5/18/2014 6:53:25 PM",
    "location": [
        -2.057802,
        52.609711
    ]
},
{
    "id": "537901a53513fa3374bec710",
    "images": [
        "img/17.jpg"
    ],
    "itemImage": "img/1.jpg",
    "createdDate": "5/18/2014 6:53:25 PM",
    "location": [
        -2.062251,
        52.612397
    ]
}] 

var viewModel = ko.mapping.fromJS(data);
		ko.applyBindings(viewModel);