Send data from MVC to KnockoutJS an show in HTML

[DPaul1994]

I have created a list in MVC which looks like this:

var countries = new List();

        countries.Add(new Countries() { Id = 1, Mainland = "a", Name = "a" });
        countries.Add(new Countries() { Id = 1, Mainland = "b", Name = "b" });
        countries.Add(new Countries() { Id = 1, Mainland = "c", Name = "c" });
        countries.Add(new Countries() { Id = 1, Mainland = "d", Name = "d" });
        countries.Add(new Countries() { Id = 1, Mainland = "e", Name = "e" });

        return View(countries);

That is my Index page. Now, I want to retrieve that list in a js script which, for now, looks like this (this works):

<script>
var mainViewModel = {
countries: ko.observableArray([]),
initialize: function (model) {
console.log(model)
}
};
mainViewModel.initialize(@Html.Raw(Json.Encode(Model)));
ko.applyBindings(mainViewModel);
</script>

But now, I want to show those objects in html and I don't really know how do to that. Can anybody help me?