Knockout View Binding Support for WinJS

ko-winjs.js

//
// Via Kamranicus: http://kamranicus.com/Blog/Posts/59/using-knockout-bindings-in-your-winjs-application
//
// Include this before the rest of your app code (before default.js)
//
// <!-- WinJS references -->
// ...
//
// <script src="/scripts/knockout-2.2.js">
// <script src="/scripts/ko-winjs.js">
//
// <!-- Rest of your code -->
// ...
//
// *********************************
// WARNING: This is still an experimental idea. This possibly will be inefficient. Use at your own risk!
// *********************************
(function() {
    "use strict";

    //
    // Knockout View Binding support
    //
    var superProcessAll = WinJS.Binding.processAll;

    WinJS.Binding.processAll = function (rootElement, dataContext, skipRoot, bindingCache) {
        if (dataContext) {
            ko.applyBindings(dataContext, rootElement);
        }

        return superProcessAll.call(this, rootElement, dataContext, skipRoot, bindingCache);
    };
    
})();

template.html

<!-- Now you can use both bindings! -->
<div id="item-tmpl" data-win-control="WinJS.Binding.Template">
	<div class="item" data-bind="css: { toggledClass: someBoolProp }">                
	    <h2 class="win-type-medium" data-bind="text: name"></h2>
	    
	    <div class="item-logo" 
	    	data-win-bind="style.backgroundImage: logoUrl Converters.cssBackgroundify"
	    	data-bind="visible: showLogo">
		</div>                
	</div>
</div>

<div id="my-list" 
	data-win-control="WinJS.UI.ListView" 
	data-win-options="{ itemTemplate: select('#item-tmpl') }">
</div>

Source article: http://kamranicus.com/Blog/Posts/59/using-knockout-bindings-in-your-winjs-application