JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://knockoutjs.com/downloads/knockout-2.3.0.js"></script>
<h5>Knockout.js Template sample For single Array</h5>
<ul data-bind="template:{ name:'tmp-array',foreach: values}">
</ul>
<script type="text/html" id="tmp-array">
<div data-bind="text:$data" class="tmp"></div>
</script>
CSS
.tmp{
padding:5px;
width:50px;
border:1px solid silver;
}
JavaScript
var data = [
[1,2,3,4,5,6],
[1,2,3,4,5,6],
[1,2,3,4,5,6],
[1,2,3,4,5,6],
[1,2,3,4,5,6]
];
var viewModel = {
values: ko.observableArray(data)
};
ko.applyBindings(viewModel);