JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<table class="table table-striped">
        <tbody data-bind="foreach: Receivers">
            <tr>
                
                <td data-bind="text: Cooperative.Name"></td>
            </tr>
        </tbody>
    </table>
<span data-bind="text:firstNameAndLastName()"></span>

JavaScript

var aViewModel = function(data)
{
   self = this;
   ko.mapping.fromJS(data, {}, self);
   
   self.firstNameAndLastName = ko.computed(function() {
        return self.FirstName() + " " + self.LastName();
    }); 
    
}


var data = {"IsDeleteReceiverButtonVisible":false, "FirstName": "First", "LastName": "Last", "Receivers":[{"Cooperative":{"Id":1,"Name":"aName"}}]};
		var viewModel = new aViewModel(data);
		ko.applyBindings(viewModel);