Knockout nie wiąże danych

Witam, mam problem z biblioteką knokcoutjs, chce wyświetlać dane z bazy danych właśnie za pomocą wyżej wspomnianej bilioteki, kod wygląda tak:

@model IEnumerable<northwindko.Models.Orders>
@{
    ViewBag.Title = "Home Page";
}

<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.OrderDate)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.CustomerID)
            </th>
        </tr>
    </thead>

    <tbody data-bind="foreach: orders">
        <tr>
            <td data-bind="text: OrderDate"></td>
            <td data-bind="text: CustomerID"></td>
        </tr>
    </tbody>
</table>

@section Scripts{
    <script>
        function ViewModel(orders) {
            var self = this;
            self.orders = orders;
        };


            var viewModel = new ViewModel(@Html.HtmlConvertToJson(Model));
        ko.applyBindings(viewModel);
    </script>
}

Debugowałem i kod na pewno zwraca dobre dane a funkcja HtmlConverToJson na pewno konwertuje dane z modelu do json'a. Problem leży w wiązaniu. Jest mi ktoś w stanie powiedzieć co mogę robić źle?

Wstawiony przez Ciebie fragment kodu jest w 100% poprawny, więc problem musi być gdzieś poza. Użyj narzędzi devloperskich by sprawdzić czy js jakiś błędów nie rzuca, a może po prostu zapomniałeś dodać knockout do strony ...