{{each over object

http://stackoverflow.com/questions/6990585/can-i-do-a-jquery-tmpl-each-over-object-properties

by rniemeyer

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/jquery.tmpl.js"></script>
<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<ul data-bind="template: { name: 'propTmpl', foreach: myMappedObj }"></ul>
<script id="propTmpl" type="text/html">
          <li><span>${key}</span> - <span>${value}</span></li>
</script>

JavaScript

var viewModel = {
    myObj: {"propOne": "a", "propTwo": "b", "propThree": "c"}
};

viewModel.myMappedObj = [];
for (var prop in viewModel.myObj) {
    if (viewModel.myObj.hasOwnProperty(prop)) {
        viewModel.myMappedObj.push({ key: prop, value: viewModel.myObj[prop] });   
    }
}

ko.applyBindings(viewModel);